<template>
<div class="item">
  <span class="label" >{{item.label}}</span>：
  <span class="value">{{item.value}}</span>
</div>
</template>

<script>

export default {
  name: 'HelloWorld',
  data() {
    return {
      item:{
        label:'姓名',
        value:'王俊凯'
      }
    }
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
  .item {
    margin-bottom: 8px;
    .label {
        display: inline-block;
        height: 100%;
        min-width: 100px;
        text-align: justify;
        text-align-last: justify;
    }
    .value {
        padding-right: 10px;
    }
}
</style>
